<template>
    <div class="goods">
        <GoodItem v-for="(item,index) in goods" :key="index" :gooditem="item"/>
    </div>
</template>

<script>
import GoodItem from './goodItem.vue';
export default {
    name:'goodsList',
    components:{
        GoodItem
    },
    props:{
        goods:{
            type:Array,
            default (){
                return []
            }
        }
    }
}
</script>
<style scoped>
.goods {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
</style>
